<template>
  <div id="zong">
     <h3><img src="../assets/back.png" class="fanhui" @click="fanhui">频道管理</h3>
     <div><p>点击删除以下频道</p>
     <ul><li v-for="(item,index) in yitianjia" :key="item"
      @click="$store.commit('decrement',{item,index})">{{item}}</li></ul>
     </div>
     <div><p>点击添加以下频道</p>
     <ul><li v-for="(item,index) in weitianjia" :key="item"
     @click="$store.commit('increment',{item,index})">{{item}}</li></ul>
     </div>
  </div>
 
  
</template>

<script>



  
export default {
  name: 'Index',
  components: {
   
    },
    data(){
      return{
          
      }
    },
    computed:{
      yitianjia(){
         return this.$store.state.pindaolist
      },
      weitianjia(){
          return this.$store.state.weitioanjialist
      }

  },
    mounted(){
         
    },
    methods:{
      fanhui(){
          this.$router.back()
      }
      
    }
  }
  

</script>
<style scoped>
h3{
    width:100%;
    height:1.2rem;
    background-color:#d43d3d;
    color:#fff;
    text-align:center
}
.fanhui{
    width:1rem;
    float:left
}
</style>